<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
</head>
<body>

	<ul>
		<li>1</li>
		<li>2</li>
		<li>3元素</li>
		<li>4元素</li>
		<li aaa='456'>5元素</li>
	</ul>
<script type="text/javascript" src="../jquery-3.2.1.js"></script>
<script type="text/javascript">
	//$可以通过id 类名 标签名交并集选择器 后代 子代 等获取dom
	$('ul li').css('background','pink')
	$('ul li')[0].style.fontSize = '32px'

	//eq(n) 索引（从零开始）
	$('ul li').eq(2).css('font-weight','700')
	$('li:eq(3)').css('color','white')

	//通过索引获取奇数
	$('li:even').css('text-decoration','underline')
	//偶数
	$('li:odd').css('background','green')
	//大于某个索引
	$('li:gt(2)').css('font-family','楷体')

	//小于某个索引
	$('li:lt(2)').css('color','aqua')

	//属性选择器
	$('li[aaa=456]').css('font-size','60px')
</script>
</body>
</html>